<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>学院</title>
    <link rel="stylesheet" href="./css/college.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <script src="./rem.js"></script>
    <div class="web">
        <div class="heard">

            <!-- 顶部导航图标 -->
            <div class="navigation">
                <span class="demo iconfont ">&#xe634;</span>
            </div>
            <!-- 顶部标题logo -->
            <div class="logo"><img src="./img/web-logo.png" alt=""></div>
            <!-- 搜索的放大镜 -->
            <div class="magnifier"><span class="demo3 iconfont ">&#xe61b;</span></div>
        </div>
        <div class="content">
            <div class="content-heard">
                <div class="mask">
                    <div class="mask-content">预装软件的红与黑！从加法到减法</div>
                    <div class="mask-time">
                        <p class="iconfont ">&#xe85d; 10月19日14:00-17:30</p>
                        <p class="iconfont ">&#xe6ea; 金广大厦2楼</p>
                    </div>
                </div>
            </div>
            <div class="line"></div>
            <div class="kimin">
                <!-- kimin 预约报名 时间部分 -->
                <div class="kimin-title">
                    <!-- 头像名字与预约报名 -->
                    <div class="Upper-part">
                        <div class="name">
                            <div class="circular"></div>
                            <div class="name-content">
                                <p>KIMIN</p>
                                <p>网络互动中心设计师</p>
                            </div>
                        </div>
                        <div class="sign-up">
                            <p class="up-content">预约报名</p>
                            <div class="circular2">></div>
                        </div>
                    </div>
                    <!-- 时间 -->
                    <div class="Lower-part">
                        <p>高端移动应用开发</p>
                        <p>10月19日 14:00 - 17:30</p>

                    </div>

                </div>


                <!-- 存在感图片 -->
                <div class="kimin-img"><img src="./img5/czg.jpg" alt=""></div>


            </div>
            <div class="line"></div>
            <div class="kimin">
                <!-- kimin 预约报名 时间部分 -->
                <div class="kimin-title">
                    <!-- 头像名字与预约报名 -->
                    <div class="Upper-part">
                        <div class="name">
                            <div class="circular"></div>
                            <div class="name-content">
                                <p>KIMIN</p>
                                <p>网络互动中心设计师</p>
                            </div>
                        </div>
                        <div class="sign-up">
                            <p class="up-content">预约报名</p>
                            <div class="circular2">></div>
                        </div>
                    </div>
                    <!-- 时间 -->
                    <div class="Lower-part">
                        <p>高端移动应用开发</p>
                        <p>10月19日 14:00 - 17:30</p>

                    </div>

                </div>


                <!-- 存在感图片 -->
                <div class="kimin-img"><img src="./img5/czg.jpg" alt=""></div>


            </div>
            <div class="line"></div>
            <div class="kimin">
                <!-- kimin 预约报名 时间部分 -->
                <div class="kimin-title">
                    <!-- 头像名字与预约报名 -->
                    <div class="Upper-part">
                        <div class="name">
                            <div class="circular"></div>
                            <div class="name-content">
                                <p>KIMIN</p>
                                <p>网络互动中心设计师</p>
                            </div>
                        </div>
                        <div class="sign-up">
                            <p class="up-content">预约报名</p>
                            <div class="circular2">></div>
                        </div>
                    </div>
                    <!-- 时间 -->
                    <div class="Lower-part">
                        <p>高端移动应用开发</p>
                        <p>10月19日 14:00 - 17:30</p>

                    </div>

                </div>


                <!-- 存在感图片 -->
                <div class="kimin-img"><img src="./img5/czg.jpg" alt=""></div>


            </div>

            <div class="load-more">
                <div>加载更多</div>
            </div>

        </div>


        <ul class="footer">

            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./index.html">&#xe616;</a></p>
                <p class="footer-content"><a class="footer-word" href="./index.html">首页</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./GIMC.html">&#xe611;</a></p>
                <p class="footer-content"><a class="footer-word" href="./GIMC.html">GIMC</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./index- article.html">&#xe667;</a></p>
                <p class="footer-content"><a class="footer-word" href="./index- article.html">文章</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./resources.html">&#xe85e;</a></p>
                <p class="footer-content"><a class="footer-word" href="./resources.html">资源</a></p>
            </li>
            <li>
                <p class="iconfont footericon">&#xe6cf;</p>
                <p class="footer-content">学院</p>
            </li>

        </ul>
    </div>
</body>

</html>